/* -----------------------------------------------
Blogger Template Style
Name:     Almhwous
Designer: Mohamed Hamdan
URL:      www.th3g3ek.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ffffff"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#666666"/>
</Group>
<Group description="Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#ffffff"/>
<Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Links" selector=".main-outer">
<Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#2288bb"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#888888"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="#000000"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#777777"  value="#000000"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="$(body.font)"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#000000"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="transparent"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#eeeeee"/>
</Group>
<Group description="Post Title" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
</Group>
<Group description="Date Header" selector=".date-header">
<Variable name="date.header.color" description="Text Color" type="color"
default="$(body.text.color)" value="#ffffff"/>
<Variable name="date.header.background.color" description="Background Color" type="color"
default="transparent" value="#bbbbbb"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
<Variable name="post.footer.background.color" description="Background Color" type="color"
default="#f9f9f9" value="#eeeeee"/>
<Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#eeeeee"/>
</Group>
<Group description="Gadgets" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#999999"/>
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Accents" selector=".content-inner">
<Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="transparent"/>
<Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="#dddddd"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
<Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
<Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/>
<Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
<Variable name="content.padding" description="Content Padding" type="length" default="10px" value="10px"/>
<Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" value="40px"/>
<Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" value="0"/>
<Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" value="0"/>
<Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" value="0"/>
<Variable name="main.border.width" description="Main Border Width" type="length" default="0" value="0"/>
<Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="none"/>
<Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="0"/>
<Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" value="0"/>
<Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" value="0"/>
<Variable name="header.padding" description="Header Padding" type="length" default="30px" value="0"/>
<Variable name="header.border.size" description="Header Border Size" type="length" default="1px" value="1px"/>
<Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" value="0"/>
<Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="1px"/>
<Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="18px"/>
<Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0"  value="0"/>
<Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px"  value="30px"/>
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="none"/>
<Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" value="1px"/>
<Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" value="1px"/>
<Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="0.4em"/>
<Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="3px"/>
<Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="45px"/>
<Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
<Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>
<Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
<Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="1em"/>
<Variable name="main.padding" description="Main Padding" type="length" default="15px" value="0"/>
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="35px"/>
<Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" value="65px"/>
<Variable name="paging.background"
color="$(content.background.color)"
description="Background of blog paging area" type="background"
default="transparent none no-repeat scroll top center" value="transparent url(//www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center"/>
<Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" value="1px"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
<Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/
@font-face {
font-family: 'ges';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
div#body {
width:1124px;
margin:0 auto;
}
* {
margin: 0;
padding: 0;
}
body {
background: url(http://2.bp.blogspot.com/-dAFTHkqfEis/UR-eIBDmOQI/AAAAAAAADkU/M5e1qyEttO4/s1600/jpeg.jpg);
font-family: ges;
margin: 40px 0;
}
a {
color: #A5A5A5;
transition: 0.5s;
text-decoration: none;
}
a:hover {
color: #7A7A7A;
}
div#menu-top {
width: 100%;
height: 40px;
background: #113A38;
border-radius: 15px 15px 0 0;
border-bottom: 2px solid #e74c3c;
overflow: hidden;
}
div#menu-top ul {
margin: 0;
padding: 0;
font-size: 0;
}
div#menu-top ul li {
display: inline-block;
}
div#menu-top ul li a {
display: block;
padding: 0 10px;
line-height: 40px;
font-size: 12px;
}
div#menu-bottom {
width: 100%;
height: 60px;
background: #113A38;
border-bottom: 5px solid #e74c3c;
}
div#menu-bottom ul {
margin: 0;
padding: 0;
font-size: 0;
}
div#menu-bottom ul li {
display: inline-block;
}
div#menu-bottom ul li a {
display: block;
line-height: 60px;
padding: 0 25px;
font-size: 14px;
border-left: 1px solid #33504E;
}
div#menu-bottom ul li a:hover {
background: #e74c3c;
color: #000;
}
div#menu-bottom ul li a .home {
background: #e74c3c url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat;
padding: 20px 36px 21px;
line-height: 60px;
}
div#menu-bottom ul li .home {
padding: 0;
}
div#header-wrapper {
background: #fff;
padding: 10px 0;
overflow: hidden;
}
div#header-wrapper .logo {
float: right;
}
div#header-wrapper .logo img {
height: 111px;
width: 285px;
padding: 10px;
}
div#header-wrapper .ads {
float: left;
height: 90px;
width: 728px;
padding: 20px 10px;
}
div#header-wrapper .ads img {
height: 90px;
width: 728px;
border: 1px solid #000;
}
div.readmore {
float: left;
padding-top: 23px;
}
div.post {
background: #fff;
margin: 40px 0 0;
padding: 10px;
border-top: 3px solid #e74c3c;
}
div.readmore a {
background: #113A38;
color: #fff;
font-size: 12px;
font-family: droidkufi-bold,tahoma;
padding: 7px 17px 11px;
border-radius: 3px;
box-shadow: 0 -3px 0 #e74c3c inset;
}
div.readmore a:hover {
background: #e74c3c;
color: #000;
box-shadow: 0 -3px 0 #113A38 inset;
}
a.g-profile {
color: #e74c3c;
padding: 5px 0 6px 4px;
margin-right: -28px;
border-radius: 0 0px 10px 0;
background: url(http://1.bp.blogspot.com/-xNAEen8ZchE/UJP6nKf8dfI/AAAAAAAAGds/flfcN7VnpfU/s12/13.png) no-repeat 99% 50%;
padding: 15px;
font: normal normal 11px Verdana,Geneva,sans-serif;
}
a.g-profile:hover {
text-decoration:underline;
}
span.post-author.vcard {
font-size: 0;
}
span.post-timestamp {
font-size: 0;
padding: 0;
margin-right: -8px;
}
a.timestamp-link {
color: #000000;
padding: 5px 5px 6px;
border-radius: 0px 0 0 10px;
background: url(http://1.bp.blogspot.com/-nuqGzN8406c/UJP6qzqo9eI/AAAAAAAAGeE/_srJJf734HY/s12/70.png) no-repeat 100% 50%;
padding: 16px;
font: normal normal 11px Verdana,Geneva,sans-serif;
}
.post-comment-link {
display: none;
}
.post-labels {
display: none;
}
div#blog-pager {
text-align: center;
overflow: hidden;
padding: 15px 15px 0 15px;
background: #FFFFFF;
border-top: 1px solid #e74c3c;
margin: 0;
}
div#blog-pager a {
font-size: 13px;
}
h3.post-title {
padding: 8px 7px 7px 6px;
}
.post-body img {
padding: 3px;
margin: -1px 0 0 0px;
border: 1px solid #dfdfdf;
border-radius: 3px;
}
div#mohamedhamdan {
font: 16px tahoma;
padding-top: 27px;
text-align: justify;
}
.post-title a {
color: #2c3e50;
font-family: DroidKufi-Bold;
font-size: 18px;
}
div#footer-wrapper {
background: #132B29;
padding: 20px;
margin: 50px 0 0 0;
border-top: 3px solid #e74c3c;
overflow: hidden;
}
div#footer-wrapper h2 {
color: #ededed;
font-size: 13px;
font-family: droidkufi-bold,tahoma;
padding-bottom: 7px;
padding-right: 5px;
margin-bottom: 12px;
background: url(http://1.bp.blogspot.com/-rpK53r_-l-g/USJwtv3ga_I/AAAAAAAADsc/MGtr1FcHj1Q/s1600/btm-trt-ftr.png) bottom repeat-x;
}
.section {
margin:0
}
ul {
list-style: none;
}
div#copy {
width: 100%;
height: 50px;
border-radius: 0 0 15px 15px;
background: #113A38;
}
div.copyright {
margin: 0 auto;
width: 90%;
}
div.copy-right {
float: right;
line-height: 50px;
font-size: 12px;
color: #7E7E7E;
}
div.copy-center {
width: 233px;
margin: 0 auto;
line-height: 50px;
height: 0;
font-size: 12px;
color: #fff;
}
div.copy-left {
line-height: 50px;
float: left;
font-size: 12px;
color: #7E7E7E;
}
#BlogArchive1_ArchiveMenu {
width: 100%;
}
div#sidebar-wrapper .widget {
background: #fff;
margin: 40px 0 0;
border-top: 3px solid #B31100;
}
div#sidebar-wrapper .widget-content {
padding: 6px;
}
.showpageArea {
font-weight: bold;
margin:5px;
}
.showpageArea a {
text-decoration:underline;
color: #fff;
}
.showpageNum a, .showpage a {
text-decoration: none;
border: 0;
border-radius: 3px;
margin: 0 3px;
padding: 8px 15px;
background: #113A38;
}
.showpage a {
color: #fff;
}
.showpageNum a{
color: #fff;
}
.showpageNum  a:hover, .showpage a:hover {
background:  #e74c3c;
}
.showpagePoint  {
color: #000000;
text-decoration: none;
border-radius: 3px;
margin: 0 3px;
background: #e2e2e2;
padding: 6px 16px 8px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
display:none
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#fff;
}
.post-title a:hover {
color: #e74c3c;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 0 0 5px;
}
.PopularPosts img {
padding: 3px;
width: 60px;
height: 58px;
border-radius: 6px;
border: 1px solid #dfdfdf;
}
div.item-title {
padding: 0 0 5px 0;
font: 12px DroidKufi-Bold;
}
div.item-snippet {
font: 13px tahoma;
}
.PopularPosts .widget-content ul li {
padding: 5px 0 10px;
border-bottom: 1px solid #dfdfdf;
}
div#sidebar-wrapper h2 {
font-size: 14px;
padding: 10px;
text-align: center;
margin: 0;
background: #e74c3c;
color: #fff;
border-bottom: 1px solid #dfdfdf;
}
input:focus {
outline: 0;
}
button:focus {
outline: 0;
}
textarea:focus {
outline: 0;
}
select:focus {
outline: 0;
}
input#input {
border: 0;
background: #002927;
line-height: 40px;
color: #fff;
padding: 0 10px;
width: 69px;
}
div.item-title a {
color: #000;
}
div.item-title a:hover {
color: #e74c3c;
}
div.select {
width: 29.2%;
height: 46px;
background: #113A38;
border-bottom: 3px solid #e74c3c;
border-top: 3px solid #e74c3c;
float: left;
margin-top: 40px;
padding: 0 10px;
}
div.select ul {
padding: 0;
margin: 0;
font-size: 0;
}
div.select ul li {
display: inline-block;
}
div.select ul li a {
display: block;
padding: 10px 10px 6px;
color: #000;
margin-top: 8px;
font-size: 16px;
}
div.select ul li a:hover {
text-decoration:underline
}
div#Label1 {
display: none;
}
div#BlogArchive1 {
display: none;
}
div#Label1 ul {
padding: 0;
margin: 0;
}
div#Label1 ul li {
background: #113A38;
margin: 4px 0;
padding: 0;
}
div#Label1 ul li:hover {
background: #e74c3c;
}
div#Label1 ul li a {
padding: 10px 5px;
display: block;
}
div#Label1 ul li a:hover {
padding-right: 15px;
color: #000;
}
.list-label-widget-content ul li a:before {
content: "\f02c";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 0 0 10px;
}
.postauthor{
background: #F5F5F5;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
overflow: hidden;
padding: 0.7em;
margin-right: -10px;
width: 99.6%;
}
.postauthor img{
border:5px solid #e2dede;
float:right;
margin-left:1em;
}
.postauthor h3{
color:#666;
font-size:1.2em;
margin-bottom:5px;
margin-top:0;
}
.postauthor p{
color:#515151;
font-size:12px;
margin-bottom:10px;
margin-top:0;
}
div.infox {
margin-right: 257px;
position: absolute;
margin-top: -8px;
width: 65%;
}
span.fn a {
color: #e74c3c;
}

.post-author.vcard {
color: #e74c3c;
padding: 5px 0 6px 4px;
margin-right: -28px;
border-radius: 0 0px 10px 0;
background: url(http://1.bp.blogspot.com/-xNAEen8ZchE/UJP6nKf8dfI/AAAAAAAAGds/flfcN7VnpfU/s12/13.png) no-repeat 99% 50%;
padding: 15px;
font: normal normal 11px Verdana,Geneva,sans-serif;
float: right;
}
.d-header {
background-image: url(http://1.bp.blogspot.com/-nuqGzN8406c/UJP6qzqo9eI/AAAAAAAAGeE/_srJJf734HY/s12/70.png);
background-position: 100% 50%;
background-repeat: no-repeat;
float: right;
padding: 15px 17px;
font: normal normal 11px Verdana,Geneva,sans-serif;
}
span.fn a:hover {
text-decoration: underline;
}
#related-posts {
width: 729px;
margin-top: 20px;
font: 14px tahoma;
margin-bottom: 50px;
padding: 10px 0 0 0;
}
#related-posts .widget {
list-style-type:none;
margin:5px 0 5px 0;
padding:0;
}
#related-posts .widget h2,#related-posts h2 {
font-size:11px;
font-weight:normal;
margin:5px 7px 0;
padding:0 0 5px;
}
#related-posts a {
text-decoration:none;
}
#related-posts a:hover {
text-decoration:none;
padding-right:2px;
}
#related-posts ul {
border:medium none;
margin:10px;
padding:0;
}
#related-posts ul li {
display:block;
background:url(http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png) no-repeat 0 50%;
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:1px;
padding-left:21px;
margin-bottom:5px;
line-height:2em;
border-bottom:1px dotted #000000;
}
div.menu-right {
position: fixed;
background: rgb(255, 255, 255);
height: 100%;
width: 268px;
z-index: 9999;
top: 0px;
padding: 0 15px;
display: none;
}
div.menu-right u {
margin: 0px;
padding: 0px;
}
div.menu-right u a {
display: block;
line-height: 40px;
}
div.menu-right u a:hover {
padding-right: 20px;
}
div.menu-right u a:active {
padding-right: 20px;
}
.menu {
position: fixed;
top: 0;
font-size: 30px;
color: #113A38;
padding: 0;
margin: 0;
background: #fff;
padding: 0 10px;
z-index: 99999999999999;
margin-top: -2px;
}
.menu1 {
position: fixed;
top: 0;
font-size: 30px;
color: #113A38;
padding: 0;
margin: 0;
margin-right: 298px;
background: #fff;
padding: 0 10px;
margin-top: -2px;
z-index: 99999999999999;
}
div#menu-bottom ul li .text1:hover {
background:0;
color:#fff;
}
.post-thumb {
float:right;
padding: 0 0 0 13px;
background-image: url(http://2.bp.blogspot.com/-7ORuDEv06UQ/UJVR5DN3kVI/AAAAAAAAGfs/8aVj8u6y2-s/s30/link-overlay.png);
background-repeat: no-repeat;
background-position: 50%;
z-index: 999999999;
display: block;
}
a.hamdan:hover {
opacity: 0.6;
}
#beakingnews{
width: 100%;
line-height: 37px;
max-height: 37px;
overflow: hidden;
border: 0;
background: #113A38;
border-bottom: 5px solid #e74c3c;
margin-bottom: -20px;
margin-top: 20px;
}
#beakingnews .tulisbreaking{
float: right;
background: #e74c3c;
color: #FFF;
font: 14px droidkufi-bold;
line-height: 37px;
display: block;
padding: 0 10px;
}
#recentpostbreaking{
float:right;
padding-right: 15px;
}
#recentpostbreaking ul,#recentpostbreaking li{
list-style:none;
margin:0;
padding:0
}
#recentpostbreaking li a{
color:#fff;
font:14px droidkufi-bold;
}
#menu-right {
padding: 0;
margin: 0;
position: fixed;
top: 0;
right: 0;
width: 300px;
height: 100%;
z-index: 999999;
background: #113A38;
border-left: 5px solid #e74c3c;
display: none;
}
#menu-right ul {
padding:0;
margin:0;
}
#menu-right ul li {
transition:0.5s
}
#menu-right ul li:hover {
background:#e74c3c
}
#menu-right ul li a {
display: block;
line-height: 35px;
border-bottom: 1px solid #33504E;
padding: 5px 10px;
}
#menu-right ul li a:hover {
padding-right:20px;
color:#000;
}
#menu-right p {
padding: 15px 0;
text-align: center;
border-bottom: 1px solid #000000;
color: #e74c3c;
font: 16px tahoma;
}
